<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商城首页-登录页面</title>
    <link rel="stylesheet" href="css/models.css">
    <style>
        .formError-text{
            margin-top: 40px!important;
            color:#ff0000;
        }
    </style>
</head>
<body>
<!--头部-->
<div class="header loginHeader">
    <div class="MainCon clearfix">
        <img src="images/login_logo.png" alt="">
        <span>欢迎登录</span>
    </div>
</div>
<!--end 头部-->
<!--内容-->
<div class="MainContent loginMainCon">
    <!--布局框架 MainCon-->
    <div class="MainCon clearfix">
        <img src="images/login_img.png" alt="">
        <div class="loginBox">
            <form action="" id="formID">
                <ul>
                    <li style="margin-top: 33px;">
                        <input type="text" placeholder="手机号码" class="userInput validate[required]" onfocus="this.placeholder=''"
                               onblur="this.placeholder='手机号码'">
                    </li>
                    <li style="margin-top: 19px;">
                        <input type="text" placeholder="密码" class="passInput validate[required]">
                    </li>
                    <li style="margin-top: 20px;">
                        <input type="text" placeholder="输入验证码" class="yzmInput validate[required]">
                        <span class="subProvingBox"><input class="subProvingBtn" onclick="obtainTxt(this);"
                                                           type="button" value="获取验证码"></span>
                    </li>
                    <li style="margin-top: 18px;">
                        <!--备注：错误提示通过添加 errTxt_hide （class名）进行隐藏-->
                        <span class="errTxt">密码/用户名错误</span>
                    </li>
                    <li style="margin-top: 17px;">
                        <input type="button" class="loginBtn" value="登录">
                    </li>
                </ul>
            </form>
            <p style="margin-top: 21px;padding-left: 27px;">
                <span>还没有账号？</span><a href="商城首页-注册页面.html" class="reg_btn">现在去注册</a><a href="商城首页-登录页面-找回密码.html" class="forget_btn">忘记密码？</a>
            </p>
        </div>
    </div>
</div>
<!--end 内容-->
<!--底部-->
<div class="footer loginFooter">
    <div class="MainCon">
        <p>©2017江苏集鲜丰科技有限公司 jxf315.cn 苏ICP备17069291号-1</p>
        <p>南京市建邺区奥体大街68号03幢</p>
        <p>联系方式：4000880225</p>
        <p class="clearfix" style="text-align: center;margin-top: 20px;">
            <a href="#"><img src="images/foot-1.png" alt=""></a>
            <a href="#"><img src="images/foot-2.png" alt=""></a>
            <a href="#"><img src="images/foot-3.png" alt=""></a>
        </p>
    </div>

</div>
<!--end 底部-->
</body>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/pages/jquery.dataTables.min.js"></script>
<script src="js/validat/jquery.validationEngine.js"></script>
<script src="js/validat/jquery.validationEngine-zh_CN.js"></script>
<script>
    $(function () {
        $("#formID").validationEngine({
            addPromptClass: 'formError-text',
            showArrow: false,
            promptPosition: 'bottomLeft:10 0',
            scroll:false,
            focusFirstField:false
        });
        $('.loginBtn').click(function () {
            $('#formID').submit();
        })
    });
</script>
</html>